<template>
  <view class="container">
    <div class="page-top "></div>

    <view class="orderlist-detail">
      <view class="orderlist-detail-ms kblist-detail-ms">
        <ul>
          <li>
            <view class="left">
              <img src="/static/images/zfb.png" class="kbimg">
            </view>
            <view class="left"><text>支付宝</text></view>
            <view class="right">
              <van-button round type="info" size="small" @click="showPopup">去修改</van-button>
            </view>
            <div style="clear:both"></div>
          </li>
          <li>
            <view class="left">
              <img src="/static/images/yhk.png" class="kbimg">
            </view>
            <view class="left"><text>银行卡（一）</text></view>
            <view class="right">
              <van-button round type="info" size="small" @click="showPopup">去修改</van-button>
            </view>
            <div style="clear:both"></div>
          </li>
          <li>
            <view class="left">
              <img src="/static/images/yhk.png" class="kbimg">
            </view>
            <view class="left"><text>银行卡（二）</text></view>
            <view class="right">
              <van-button round type="info" size="small" @click="showPopup">去修改</van-button>
            </view>
            <div style="clear:both"></div>
          </li>
        </ul>
      </view>

      <view class="qzts">
        <p>
          *请注意，账户实名请与平台实名一致，否则可能会不予通过
        </p>
        <p>
          *有问题的账户请及时更换，出现问题平台概不负责
        </p>
      </view>

    </view>

    <van-popup
      :show="show"
      @close="onClose"
      round
      closeable
      close-icon-position="top-right"
      :custom-style="custom_style"
    >
      账户
      <van-field :value="name" placeholder="请输入姓名" :border="false" custom-style="background-color:#fff0;border: 1px solid white;border-radius: 8px;margin: 30px 0;"/>
      <van-field :value="account" placeholder="请输入账号" :border="false" custom-style="background-color:#fff0;border: 1px solid white;border-radius: 8px;margin: 30px 0;"/>
      <van-button round type="default">提交确认</van-button>
    </van-popup>

  </view>



</template>

<script>
// 例如：import uploadFile from '@/components/uploadFile/uploadFile'

var $this
export default {
  name: '',
  // import引入的组件需要注入到对象中才能使用
  components: {},
  props: {
    // patientIn: {
    //   type: Object,
    //   default () {
    //     return {}
    //   }
    // }
  },
  data() {
    // 这里存放数据
    return {
      show: false,
      custom_style: `width: 80%;
                     background-image: url(http://aczxsj.ctmon.com.cn/pc/acimg/a1.png);
                     background-color: #6173ad;
                     padding: 25px;
                     color: white;
                     text-align: center;
                     background-size: cover;`,
      name: "",
      account: ""

    }
  },
  // 方法集合
  methods: {
    add_car() {
      mpvue.navigateTo({
        url: "/pages/merchant/car/add/main",
      })
    },

    showPopup() {
      this.show = true
    },

    onClose() {
      this.show = false
    },
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {

  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  },
  beforeCreate() {
  }, // 生命周期 - 创建之前
  beforeMount() {
  }, // 生命周期 - 挂载之前
  beforeUpdate() {
  }, // 生命周期 - 更新之前
  updated() {
  }, // 生命周期 - 更新之后
  beforeDestroy() {
  }, // 生命周期 - 销毁之前
  destroyed() {
  }, // 生命周期 - 销毁完成
  activated() {
  } // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>

<style>
@import "index.css";

</style>
